<!doctype html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <title>Burning OKR</title>
  <base href="/">

  <meta content="width=device-width, initial-scale=1" name="viewport">
  <meta content="#4552b4" name="theme-color">

  <link href="favicon.ico" rel="shortcut icon" type="image/x-icon">
  <!-- TODO remove Goolge-Fonts -->
  <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
  <link href="https://fonts.googleapis.com/css?family=Roboto:300,400,500" rel="stylesheet">

</head>
<body>

<app-root class="app-root"></app-root>

<div class="app-loader">
  <div class="sk-cube-grid">
    <div class="sk-cube sk-cube5 grey"></div>
    <div class="sk-cube sk-cube6 grey"></div>
    <div class="sk-cube sk-cube7">
      <div class="half-horizontal grey"></div>
    </div>
    <div class="sk-cube sk-cube8 red"></div>
    <div class="sk-cube sk-cube9 red"></div>
    <div class="sk-cube sk-cube4 grey"></div>
    <div class="sk-cube sk-cube5 hidden"></div>
    <div class="sk-cube sk-cube6 hidden"></div>
    <div class="sk-cube sk-cube7 hidden"></div>
    <div class="sk-cube sk-cube8 red"></div>
    <div class="sk-cube sk-cube3 grey"></div>
    <div class="sk-cube sk-cube4 hidden"></div>
    <div class="sk-cube sk-cube5 hidden"></div>
    <div class="sk-cube sk-cube6 hidden"></div>
    <div class="sk-cube sk-cube7">
      <div class="half-vertical"></div>
      <div class="half-vertical grey"></div>
    </div>
    <div class="sk-cube sk-cube2 grey"></div>
    <div class="sk-cube sk-cube3 hidden"></div>
    <div class="sk-cube sk-cube4 hidden"></div>
    <div class="sk-cube sk-cube5 hidden"></div>
    <div class="sk-cube sk-cube6 grey"></div>
    <div class="sk-cube sk-cube1 grey"></div>
    <div class="sk-cube sk-cube2 grey"></div>
    <div class="sk-cube sk-cube3 grey"></div>
    <div class="sk-cube sk-cube4 grey"></div>
    <div class="sk-cube sk-cube5 grey"></div>
  </div>
</div>

</body>
</html>
